我有很长的垂直链接列表，用户可以滚动浏览这些链接，我需要防止在用户滚动时触发此链接上的click事件(触摸)。在当前情况下，当用户通过点击链接开始滚动时，它还会触发对链接的点击。这显然很糟糕。那么，有什么办法可以防止这种行为吗？ 最佳答案 Workingfiddle在这种情况下，我们可以使用一个标志来阻止滚动期间的click事件，并在滚动停止后启用它。要监听滚动停止，您可以使用jQuery的数据方法，它使我们能够将任意数据与DOM节点相关联，并使用setTimeout()函数来检查每250ms如果用户仍然触发滚动，如果没有，它将更改

为hmtl5Canvas中显示的超大数据提供滚动条和native滚动条的推荐方法是什么？我需要显示128000x128000像素的数据。使用宽度/高度设置为128000的Canvas不是一种选择，因为这会使用大量RAM(根据我的快速计算，大约61GB)。所以我需要一种方法来为HTML5Canvas提供自定义滚动条。 最佳答案 经过快速测试后，我不确定Chrome或Firefox能否渲染这么大的Canvas。我的赌注是创建一个Canvas元素，但绝不会将其附加到DOM。就像这样:varhiddenCanvas=document.cre

为hmtl5Canvas中显示的超大数据提供滚动条和native滚动条的推荐方法是什么？我需要显示128000x128000像素的数据。使用宽度/高度设置为128000的Canvas不是一种选择，因为这会使用大量RAM(根据我的快速计算，大约61GB)。所以我需要一种方法来为HTML5Canvas提供自定义滚动条。 最佳答案 经过快速测试后，我不确定Chrome或Firefox能否渲染这么大的Canvas。我的赌注是创建一个Canvas元素，但绝不会将其附加到DOM。就像这样:varhiddenCanvas=document.cre

描述Canvas负z-index存在问题。基本上，当固定位置有2个元素，一个是block元素，另一个是Canvas，并且Canvas的z-index为负时，无论怎样都会滚动第二个它的z-index是多少。此错误仅发生在Chrome:Mac和PC上。代码示例这是一个HTML示例(简化了问题):test1test1test1和CSShtml,body{height:150%;}ul{position:fixed;z-index:-1;top:0;left:0;width:100%;margin:0;padding:0;overflow:auto;li{float:left;width:33

描述Canvas负z-index存在问题。基本上，当固定位置有2个元素，一个是block元素，另一个是Canvas，并且Canvas的z-index为负时，无论怎样都会滚动第二个它的z-index是多少。此错误仅发生在Chrome:Mac和PC上。代码示例这是一个HTML示例(简化了问题):test1test1test1和CSShtml,body{height:150%;}ul{position:fixed;z-index:-1;top:0;left:0;width:100%;margin:0;padding:0;overflow:auto;li{float:left;width:33

对此的显而易见的答案是简单地将事件附加到滚动事件:varscrolled=false;$(window).scroll(function(){if($(window).scrollTop()>0){scrolled=true;}else{scrolled=false;}});然而，jQuery的创建者，JohnResig'sblogpostfrom2011状态:将处理程序附加到窗口滚动事件是一个非常非常糟糕的主意。并推荐以下内容:vardidScroll=false;$(window).scroll(function(){didScroll=true;});setInterval(fu

对此的显而易见的答案是简单地将事件附加到滚动事件:varscrolled=false;$(window).scroll(function(){if($(window).scrollTop()>0){scrolled=true;}else{scrolled=false;}});然而，jQuery的创建者，JohnResig'sblogpostfrom2011状态:将处理程序附加到窗口滚动事件是一个非常非常糟糕的主意。并推荐以下内容:vardidScroll=false;$(window).scroll(function(){didScroll=true;});setInterval(fu

我有固定左侧边栏的长页面:menu1menu2menu3menu4menu5menu6menu7和用于affix的js:$("#sidebar").affix({offset:{top:0,bottom:420}});我有height:390px的页脚。当我第一次滚动到页面底部并尝试向上滚动时，侧边栏返回到它的第一个位置(到页面顶部)并且它不再是position:fixed。内联样式position:relative，添加BootstrapJS。当我滚动到顶部时，我看到类更改为affix-top。每隔一个滚动页面位置，类是affix，即使是页面底部和侧边栏也保持position:rel

我有固定左侧边栏的长页面:menu1menu2menu3menu4menu5menu6menu7和用于affix的js:$("#sidebar").affix({offset:{top:0,bottom:420}});我有height:390px的页脚。当我第一次滚动到页面底部并尝试向上滚动时，侧边栏返回到它的第一个位置(到页面顶部)并且它不再是position:fixed。内联样式position:relative，添加BootstrapJS。当我滚动到顶部时，我看到类更改为affix-top。每隔一个滚动页面位置，类是affix，即使是页面底部和侧边栏也保持position:rel

这类似于SO:howtomoveadivwitharrowkeys，所以也许一个明确而明智的“不”就足以作为答案:我能否将溢出的div设为“默认滚动目标”，以与溢出文档相同的方式响应向上/向下/向下翻页/空格(即向下滚动内容)？页面本身没有滚动条(下面的简单示例)。特别是，这是否可以在不显式跟踪关键事件(既不直接跟踪也不被JS库隐藏)的情况下完成？foo编辑:当然，在我点击div后，上述工作正常。基本上，我想避免必须这样做... 最佳答案 为了使html元素可聚焦，必须可以使用Tab键访问它。这意味着您可以在链接或输入上调用.foc